<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Insert title here</title>
	<script  src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script type="text/javascript" src="/intraweb/js/ajax.js" charset="UTF-8"></script>
	<script type="text/javascript">
	
		var jsonData = "";
	
		function goLogin() {//로그인 버튼 클릭
			//입력값 검증 및 결과 변수 선언
			var id = valCk("id", "아이디");
			if( id == 0 ){return 0;}
			
			var pw = valCk("pw", "패스워드");
			if( pw == 0 ){return 0;}
						
			//json 초기 새팅
			var contenttype = "application/json";
			var url = "/intraweb/commMap/doLogin.do";
			var url = "/intraweb/commMap/doLogin.do?" + "id=" + id +  "&pw=" + pw;
			var method ="POST";
			var datatype = "text";//datatype ie 크롬 등 오류 없이 실행 하기 위해 json 이 아닌 text로 설정
			var paramdata = "id=" + id + "pw=" + pw;//POST용
			//ajax call
			ajaxcall( contenttype, url, method, datatype, paramdata, success, error);		
		}
		
		
		function success(data, status, jqXHR) {//성공일때
			console.log("jQuery 성공");
			console.log("data: "+data);
			//console.log(status); //success
			//console.log(jqXHR);
			
			//JSON 파싱 부분
			var jResult = JSON.parse(data);
			
			if( jResult.result != 0 ){//로그인 확인
				alert("로그인 성공: "+jResult.result);
			}else{
				alert("로그인 실패: "+jResult.result);
			}
		}
		
		function error(XMLHttpRequest, testStatus, errorThrown) {//실패일때
			console.log("jQuery 실패");
			console.log("XMLHttpRequest: "+XMLHttpRequest);
			console.log("testStatus: "+testStatus);
			console.log("errorThrown: "+errorThrown);
		}
		
		function valCk(inPutId, inPutName){//input 데이터 검증
			//초기 세팅
			var obj = document.getElementById(inPutId);
			var idValue = obj.value;
	
			//function
			if( idValue ){//값이 있을 때
				return idValue;
			}else{//값이 없을 때
				alert(inPutName+"을(를) 입력하세요.");//안내 문구
				obj.focus();//포커스 세팅
				return 0;
			}
		}
	</script>
</head>
<body>
	<table>
		<tr>
			<td>아이디 </td>
			<td>
				<input type="text" name="id" id="id"  size="20">
			</td>
		</tr>
		<tr>
			<td>패스워드 </td>
			<td>
				<input type="text" name="pw" id="pw"  size="20">
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center">				
				<input type="button" value="로그인" onclick="goLogin();"> 
				<input type="button" value="회원가입" onclick="">
			</td>
		</tr>
	</table>

</body>
</html>